.footer {
    height: 70px;
    display: grid;
    align-items: center;
    grid-template-columns: repeat(3, 1fr);
    font-family: "Manrope";
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 300;
    text-transform: uppercase;
    background: radial-gradient(circle, #4E8C4C 0%, #4680C1 30%, #E59D5F 50%, #C74C4C 80%, #F3C76F 100%);
    background-size: 300% 100%;
    animation: gradientShift 30s linear infinite;  
    padding: 0 15px;
    box-sizing: border-box;
}

@keyframes gradientShift {
    0% { background-position: 0% 0%; }
    50% { background-position: 100% 0%; }
    100% { background-position: 0% 0%; }
}

.footer__link {
    color: currentColor;
    text-align: center;
    text-decoration: none;
}

.footer__text--2 {
    text-align: right;
}